<template>
    <n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme-overrides="themeOverrides">
      <n-loading-bar-provider>
        <n-message-provider>
          <Message />
          <slot></slot>
        </n-message-provider>
      </n-loading-bar-provider>
    </n-config-provider>
</template>

<script setup>
import { NMessageProvider, NConfigProvider, NGlobalStyle } from 'naive-ui';
import { zhCN, dateZhCN } from 'naive-ui';
import Message from './Message.vue';

const themeOverrides = reactive({
    common: {
        primaryColor: '#009688'
    },
    Menu: {
        itemTextColor: '#aaa',
        itemTextColorHover: '#fff',
        itemTextColorActive: '#fff',
        itemTextColorActiveHover: '#fff',
        itemTextColorChildActive: '#fff',
        itemTextColorChildActiveHover: '#fff',

        itemIconColor: '#aaa',
        itemIconColorHover: '#fff',
        itemIconColorActive: '#fff',
        itemIconColorChildActive: '#fff',
        itemIconColorActiveHover: '#fff',
        itemIconColorChildActiveHover: '#fff',

        itemColorHover: '#009688',
        itemColorActive: '#009688',
        itemColorActiveHover: '#009688',

        arrowColor: '#aaa',
        arrowColorHover: '#fff',
        arrowColorActive: '#fff',
        arrowColorChildActive: '#fff',
        arrowColorChildActiveHover: '#fff'
    }
});
</script>
